<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"> 

<ui:composition template="/_transferencia.xhtml">
	<ui:define name="corpo">

		<div id="conteudo">
			<h:form id="form">

				<h2>
					<h:outputText value="Enviar Documento" />
				</h2>
				
				<p:messages id="msg"/>
				<h:panelGrid columns="3">

				<p:fieldset style="background-image: url(resources/imagens/72.jpg);"><br />
				
				<h:outputLabel value="Funcionário Remetente: " for="func" rendered="#{empty funcionarioBean.funcionario.nome}" style="font-weight:bold;" />
				<h:outputText value="#{loginBean.funcionario.nome}" style="font-weight:bold;" /><br /><br /><br />
				
					<!-- dlgDoc para exibir os documentos -->
					
					<h:outputLink value="javascript:void(0)" onclick="dlgDoc.show();">
						<h:outputLabel value="Documento: " />
					</h:outputLink>
					<p:inputText id="doc1" value="#{enviarDocumentoBean.envia.documento.numero}"
						onclick="dlgDoc.show();" rendered="true" onchange="onclick" required="true" requiredMessage="Preencha o campo Documento">
							<f:ajax event="change" />
					</p:inputText><br />
				
				
					<!-- dlgSetor para exibir os setores para onde poderão ser enviados os documentos -->
					
					<h:outputLink value="javascript:void(0)" onclick="dlgSetor.show();">
						<h:outputLabel value="Setor Destino: " />
					</h:outputLink>
					<p:inputText id="setor"
						value="#{enviarDocumentoBean.envia.setorDestino.nome}"
						onclick="dlgSetor.show();" readonly="true" rendered="true" onchange="handler">
					</p:inputText><br />
					
					<!-- dlgDestinatario para exibir os possíveis destinatários -->
					
					<h:outputLink value="javascript:void(0)" onclick="dlgDestinatario.show();">
						<h:outputLabel value="Funcionario Destino: " />
					</h:outputLink>
					<p:inputText id="dest2" 
						value="#{enviarDocumentoBean.envia.funcionarioDestino.nome}"
						onclick="dlgDestinatario.show();" rendered="true" onchange="handler">
					</p:inputText><br />

					<h:outputLabel value="Data de Envio: " for="dateEnvio" />
						<h:outputText value="#{enviarDocumentoBean.envia.data.time}" id="dateEnvio">
							<f:convertDateTime pattern="dd/MM/yyyy"  timeZone="America/Sao_Paulo" locale="pt_BR" />
						</h:outputText><br /><br />
						
					<h:outputLabel value="Hora: " for="horaEnvio" />
						<h:outputText value="#{enviarDocumentoBean.envia.data.time}" id="horaEnvio">
							<f:convertDateTime pattern="HH:mm"  timeZone="America/Sao_Paulo" locale="pt_BR" />
						</h:outputText><br /><br />	
				
					<p:commandButton value="Cadastrar" action="#{enviarDocumentoBean.grava}" ajax="false" image="ui-icon-disk" update="msg">
						<f:ajax execute="true" render="@form" />
					</p:commandButton> 
					
					<p:button id="cancela" type="reset" value="Cancelar"   image="ui-icon-close" update="msg" />
					


				</p:fieldset>
				</h:panelGrid>			
				
			</h:form>
			
			<!-- p:dialog para o dlgDoc -->
			
			<p:dialog header="Documentos" widgetVar="dlgDoc" modal="true"
				width="800" showEffect="hide" hideEffect="fade" resizable="false" >
				<h:form id="form1">

					<p:outputPanel id="docs">
						<p:dataTable value="#{documentoBean.documentosLogado}" var="documento"
							paginator="true" rows="5" selectionMode="single">

							<p:column filterBy="#{documento.numero}" filterMatchMode="contains"
								headerText="Número do Documento" sortBy="#{documento.numero}">
								<h:commandLink value="#{documento.numero}" onclick="dlgDoc.hide()"
									id="documentos">
									<f:setPropertyActionListener target="#{enviarDocumentoBean.envia.documento}" value="#{documento}" />
								</h:commandLink>
							</p:column>
							
							<p:column headerText="Tipo Documento" sortBy="#{documento.tipo.nome}">
								<h:outputText value="#{documento.tipo.nome}" />
							</p:column>
							
							<p:column headerText="Funcionário" sortBy="#{documento.funcionario.nome}">
								<h:outputText value="#{documento.funcionario.nome}" />
							</p:column>
								
						</p:dataTable>
					</p:outputPanel>
					
				</h:form>
			</p:dialog>
			
			<!-- p:dialog para o dlgSetor -->

			<p:dialog header="Setores" widgetVar="dlgSetor" modal="true"
				width="800" showEffect="hide" hideEffect="fade" resizable="false" >
				<h:form id="form2">

					<p:outputPanel id="setores">
						<p:dataTable value="#{setorBean.setores}" var="setor"
							paginator="true" rows="5" selectionMode="single">

							<p:column filterBy="#{setor.nome}" filterMatchMode="contains"
								headerText="Setor" sortBy="#{setor.nome}">
								<h:commandLink value="#{setor.nome}" onclick="dlgSetor.hide()"
									id="setor">
									<f:setPropertyActionListener target="#{enviarDocumentoBean.envia.setorDestino}" value="#{setor}" />
								</h:commandLink>
							</p:column>	
								
							<p:column headerText="Orgão" sortBy="#{setor.orgao.sigla}">
								<h:outputText value="#{setor.orgao.sigla}" />
							</p:column>

						</p:dataTable>
					</p:outputPanel>
				</h:form>
			</p:dialog>		
			
			<!-- p:dialog para o dlgDestinatario -->
			
			<p:dialog header="Funcionarios" widgetVar="dlgDestinatario" modal="true"
				width="800" showEffect="hide" hideEffect="fade" resizable="false" >
				<h:form id="form3">

					<p:outputPanel id="funcionarios">
						<p:dataTable value="#{funcionarioBean.funcionarios}" var="funcionario"
							paginator="true" rows="5" selectionMode="single">

							<p:column filterBy="#{funcionario.nome}" filterMatchMode="contains"
								headerText="Nome">
								<h:commandLink value="#{funcionario.nome}" onclick="dlgDestinatario.hide()"
									id="funcionario">
									<f:setPropertyActionListener target="#{enviarDocumentoBean.envia.funcionarioDestino}" value="#{funcionario}" />
								</h:commandLink>
							</p:column>
							
							<p:column headerText="Setor" sortBy="#{funcionario.setor.nome}">
								<h:outputText value="#{funcionario.setor.nome}" />
							</p:column>
								
							<p:column headerText="Orgão" sortBy="#{funcionario.setor.orgao.sigla}">
								<h:outputText value="#{funcionario.setor.orgao.sigla}" />
							</p:column>

						</p:dataTable>
					</p:outputPanel>
				</h:form>
			</p:dialog>	

		</div>

	</ui:define>
</ui:composition>

</html>
